/**
* Created by tanyichao on 2017/4/11.
*/
<template>
    <div class="routerContent phoneValidaSuccContainer">
        <!--<x-header>手机验证</x-header>-->
        <scroller  lock-x height="80%">
            <div class="box">
                <div class="title">需要验证一下您的手机号码哦！</div>
                <div class="content">
                    <img src="../assets/img/phonesucc.png" alt="" class="phonesucc">
                    <div class="info">手机号码绑定成功！</div>
                    <div class="btn" @click="confirm">确定</div>
                </div>

            </div>
        </scroller>
    </div>
</template>
<script>
    import {XHeader, Scroller} from 'vux'
    import {isFirstInService} from '../services'
    export default {
        components: {
            XHeader,
            Scroller
        },
        mounted(){
        },
        watch: {},
        created(){
        },
        computed: {},
        methods:{
            confirm(){
                isFirstInService().save().then((res) => {
                    const info = res.data.data;
                    if (info.isFirstIn == 1) {
                        window.localStorage.setItem('stStoreId', info.storeId);
                        this.$router.replace({
                            name: 'nearbyStores',
                        })
                    }

                })
            },
        }
    }
</script>
<style lang="less" rel="stylesheet/less">
    .phoneValidaSuccContainer{
        .box{
            .title{
                width: 100%;
                height: 2.2rem;
                line-height: 2.2rem;
                font-size: 0.75rem;
                text-align: center;
                background: #FC8672;
                color: #fff;
            }
            .content{
                padding: 2rem;
                text-align: center;
            }
            .info{
                padding-bottom: 1rem;
                padding-top: 1rem;
            }
            .btn{
                height: 2.2rem;
                margin: 0 5rem;
                font-size: .75rem;
                text-align: center;
                line-height: 2.2rem;
                border-radius: 5px;
                background-color: #fff;
                color: #fc8672;
                border: 1px solid #fc8672;
            }
            .phonesucc{
                width: 8rem;
                margin-left: -1rem;
            }
        }
    }
</style>
